<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>行政许可·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
    <style>
		.select2_demo_1{
			float: left;
			width: 120px;
			display: inline;
			margin-left: 10px;
		}
		.form-control{
			display: inline;
		}
		
		.col-sm-3{
			float:right;
			width: 560px;
		}
		.input-group{
			float:right;
			width: 240px;
			margin-left: 5px;
		}
	   td{
	        vertical-align:middle;
	    }
	    .source{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
   		.sourceAct{
   			border-color:#f8ac59;
   			color:#f8ac59;
   		}
   		.webAct{
   			border-color:#f8ac59 !important;
   			color:#f8ac59;
   		}
   		.web{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
   		.search-result p{
   			font-size:14px;
   		}
   		.field{
   			width:80px;
   		}
	</style>
</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <%request.setAttribute("LEFT", "listed-company");%>
            <%@include file="../components/left.jsp"%>
        </nav>
        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom" style="margin-bottom: 20px;">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>行政许可</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="nav-main2" >
                		<a id="navigation1" href="${pageContext.request.contextPath}/investmentFinancing/listed-company" >主板公司</a>
                	</li>
                	<li class="nav-main3">
                		<a id="company" href=""></a>
                	</li>
                	<li class="active">
                		<span>行政许可列表</span>
                	</li>
               	</ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                <div class="panel blank-panel">
                                <div class="panel-heading">
                                </div>
                                <div class="panel-body">
                                <div class="tab-content">
                                <div class="tab-pane active" id="tab-1">
                                    <h4 id="item2" style="margin-top:50px;"><i class="fa fa-circle-o"></i>&nbsp;行政许可</h4>
                                	<div id="administrative_permission_show">
                                    	<table class="table table-hover table1">
                                    		<thead>
                                    			<tr>
                                    				<th>序号</th>
				                                    <th>行政许可证号</th>
				                                    <th>许可名称</th>
				                                    <th>有效期自</th>
				                                    <th>有效期至</th>
				                                    <th>许可机关</th>
				                                    <th>操作</th>
                                    			</tr>
                                    		</thead>
                                    		<tbody id="administrative_permission">
                                    		</tbody>
                                    	</table>
                                    	<div class="box" id="page" style="float: right;"></div>
                                    </div>
                                </div>
                                </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>
    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
    <!-- Page-Level Scripts -->
    <script>
    
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        <% 
	        String firm_id = (String)request.getParameter("firm_id");
        	String companyName=(String)request.getParameter("companyName");
	    %>
	    var firm_id = '<%=firm_id%>'
	    let companyName='<%=companyName%>'
	    document.getElementById('company').innerHTML=companyName
	    document.getElementById('company').href='${pageContext.request.contextPath}/stock/stockinfo?seed_id=optional&code=600315&company_id='+firm_id
        
        $(function(){
        	more(1)
		});
	    
	    function paging(totalData, totalPage, pagenum) {
	        $('#page').paging({
	            initPageNo: pagenum, // 初始页码
	            totalPages: totalPage, //总页数
	            totalCount: '合计' + totalData + '条数据', // 条目总数
	            slideSpeed: 600, // 缓动速度 单位毫秒
	            jump: true, //是否支持跳转
	            callback: function (page) { // 回调函数
	            }
	        });
	    }
	    
	    function JumpToPage(page){
	    	more(page)
	    }
        
		function more(page){
        	$.ajax({
        		url : "${pageContext.request.contextPath}/stock/administrative_permission",
        		type : "post",
        		data:{
        			firm_id: firm_id,
        			page: page,
        			size: "20"
        		},
        		success : function(res1) {
        			let resObj=JSON.parse(res1)
        			if(resObj.totalPage>1){
        				paging(resObj.totalData, resObj.totalPage, page)
        			}
        			$('#administrative_permission').html('')
        			let list=resObj.list
        			let num=1
        			if(list.length>0){
        				for(const i in list){
        					$('#administrative_permission').append(
        						'<tr>'+
        							'<td>'+num+'</td>'+
        							'<td style="width:150px;">'+list[i].license_number+'</td>'+
        							'<td>'+list[i].license_name+'</td>'+
        							'<td>'+(list[i].validity_from==undefined || list[i].validity_from=="" ? "" : list[i].validity_from.substring(0,10))+'</td>'+
        							'<td>'+(list[i].validity_to=="" || list[i].validity_to==undefined ? "" : list[i].validity_to.substring(0,10))+'</td>'+
        							'<td>'+list[i].issue_authority+'</td>'+
        							'<td style="width:50px;"><a href="/spider-factory/stock/administrative_permission-detail?article_public_id='+list[i].article_public_id+'&companyName='+companyName+'" target="_blank">详情</a></td>'+
        						'</tr>'
        					)
        					num+=1
        				}
        			}else{
        				$('#administrative_permission_show').hide()
        				$('#administrative_permission_show').prev().hide()
        			}
        		},
        		error: function(err) {
        			console.log(err)
        		}
        	});
        }
    </script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
